<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="SiteName" content="硚口区人民政府门户网站">
    <meta name="SiteDomain" content="">
    <meta name="SiteCode" content="">
    <meta name="ColumnName" content="">
    <meta name="ColumnDescription" content="">
    <meta name="ColumnKeywords" content="">
    <meta name="ColumnType" content="">
    <meta name="keywords" content="">
    <meta name="description" content="硚口区政府门户网站">
    <title>武汉市硚口区人民政府门户网站</title>
    <link rel="stylesheet" type="text/css" href="css/18qk_style.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
    <script type="text/javascript" src="js/showDate_144.js"></script>
</head>

<body>
<div class="xq-bg">
    <div class="xq-qiaokou-main">

        <!--硚口顶部开始-->
        <div class="xq_tit_bg">
            <div class="xq_tit_bg_box">
                <div class="tit twhite1">
                    <div class="tit_l">
                        <span class="tit_time"></span>
                        <span class="tit_week"></span>
                        <span class="tit_times"></span> <span class="time_min"></span>
                    </div>
                    <div class="tit_c">
                        <ul>
                            <li><a href="#"><img src="images/qk2018_top_fw.png">智能服务平台</a></li>
                            <li><a href="#"><img src="images/qk2018_top_wx.png">政务微信平台</a></li>
                            <li><a href="#"><img src="images/qk2018_top_wza.png">无障碍浏览</a></li>
                            <li><a href="#"><img src="images/qk2018_top_wd.png">智能问答平台</a></li>
                            <li><a href="#"><img src="images/qk2018_top_rss.png">RSS订阅</a></li>
                        </ul>
                    </div>
                </div>

                <div class="header-bot">
                    <img src="images/qk2018_qiaokou.png" alt="武汉市硚口区">
                    <div class="header-search">
                        <form class="box_size"action="#" method="get">
                            <div class="form1">
                                <input type="text" class="inp" placeholder="请输入关键词">
                                <span class="search_btn"></span>
                            </div>
                        </form>
                        <div class="search-history">
                            <span class="history-hot">搜索热词：</span>
                            <ul>
                                <li><a href="">不动产</a></li>
                                <li><a href="">房产资讯</a></li>
                                <li><a href="">房产证</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        <!--硚口顶部结束-->

        <!--硚口区右侧悬浮导航栏开始-->
        <div class="left-menu-box">
            <div class="left-menu-button">
                <img  src="images/qk2018_right_button.png">
            </div>
            <div class="left-menu">
                <ul>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_qq.png">
                            <div>在线咨询</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_hd.png">
                            <div>智能回答</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_wx.png">
                            <div>微信平台</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_wza.png">
                            <div>无障碍</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_wb.png">
                            <div>政务微博</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_rss.png">
                            <div>RSS订阅</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="contain">
            <!--硚口栏目选项卡开始-->
            <div class="menu1">
                <ul>
                    <li ><a href="硚口区政府-首页.html"><img src="images/qk2018_home.png">首页</a></li>
                    <li ><a href="硚口区政府-新闻.html"><img src="images/qk2018_news.png">新闻</a></li>
                    <li ><a href="硚口区政府-公开.html"><img src="images/qk2018_open.png">公开</a></li>
                    <li ><a href="硚口区政府-服务.html"><img src="images/qk2018_service.png">服务</a></li>
                    <li><a href="硚口区政府-访谈.html"><img src="images/qk2018_view.png">访谈</a></li>
                    <li><a href="硚口区政府-互动.html"><img src="images/qk2018_interaction.png">互动</a></li>
                    <li class="li1 font-weight"><a href="硚口区政府-数据.html"><img src="images/qk2018_data.png">数据</a></li>
                    <li style="border-right:none "><a href="硚口区政府-概况.html"><img src="images/qk2018_survey.png">概况</a></li>
                </ul>

                <div class="clear"></div>
            </div>
            <!--硚口栏目选项卡结束-->

            <div class="cntannt-line cntannt-line-padding">
                <div class="cntannt-main ">



                    <div class="data-container">
                        <!--当前页面位置-->
                        <div class="now-addres now-addres-padding">
                            <div class="now-addres-box">
                                <img src="images/qk2018_news_addres.png">
                                <span>当前位置： </span>
                                <a href="index.html"> 首页 > </a>
                                <a href="qk_news.html">数据公开 ></a>
                                <a href="#">统计图表</a>
                            </div>
                        </div>
                        <!--统计图表，统计数据，政务公开数据-->
                       <div class="data-biaoge">
                           <img src="images/qk2018_news_icon56.png">
                       </div>

                        <!--统计图表-->
                        <div class="data-two data-two-tongji">
                            <div>
                                <div class="data-two-top data-two-top-one">
                                    <ul>
                                        <li class="container-one-li active">规模以上工业增加值累计增幅</li>
                                        <li class="momo container-two-li">社会消费品零售总额累计消费速度</li>
                                    </ul>
                                </div>
                                <div class="data-two-bot data-two-bot-tongji">

                                    <div class="container-one" >
                                        <div class="data-two-left picScroll-top">
                                            <div class="hd">
                                                <div class="up-arrow sPrev "></div>
                                                <div class="down-arrow sNext" ></div>
                                                <ul >
                                                    <li>2018年1-3月</li>
                                                    <li>2017年1-12月</li>
                                                    <li>2017年1-9月</li>
                                                    <li>2017年1-3月</li>
                                                    <li>2017年1-3月</li>
                                                    <li>2017年1-3月</li>
                                                    <li>2017年1-3月</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div id="container1" class="data-two-right data-two-right-one"></div>
                                    </div>

                                    <div class="container-two" style="display: none">
                                        <div class="data-two-left picScroll-top">
                                            <div class="hd">
                                                <div class="up-arrow sPrev "></div>
                                                <div class="down-arrow sNext" ></div>
                                                <ul >
                                                    <li>2018年1-3月</li>
                                                    <li>2017年1-12月</li>
                                                    <li>2017年1-9月</li>

                                                </ul>
                                            </div>
                                        </div>
                                        <div id="container2" class="data-two-right data-two-right-one"></div>
                                    </div>
                                </div>
                            </div>

                        </div>





                    </div>





                </div>
            </div>

        </div>


    </div>


    <!--硚口区底部-->
    <div class="qiaokou-bot">
        <div class="qiaokou-bot-top">
            <div class="bot-top-left">
                <span class="us">
                    关于我们：
                </span>
                <ul>
                    <li>
                        <a href="#" target="_blank">
                            硚口概述
                            <span class="xie">/</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            史志地情
                            <span class="xie">/</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            冠军摇篮
                            <span class="xie">/</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            大汉口起源
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            历史改革
                            <span class="xie">/</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            自然地理
                            <span class="xie">/</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            站点地图
                        </a>
                    </li>
                </ul>
            </div>
            <div class="bot-top-right">
                  <span class="dh">
                    网站导航：
                    </span>
                <ul>
                    <li class="country-hover">
                        <a  target="_blank">
                            全国各地方政府网站
                        </a>
                    </li>
                    <li class="wuhan-hover">
                        <a href="#" target="_blank">
                            武汉市政府网站
                        </a>
                    </li>
                </ul>
            </div>
            <!--全国各地政府网站展开-->
            <div style="clear: both"></div>
            <div class="hide-country">
                <ul>
                    <li>
                        <a href="#">中央人民政府</a>
                    </li>
                    <li>
                        <a href="#">北京市政府</a>
                    </li>
                    <li>
                        <a href="#">上海市政府</a>
                    </li>
                    <li>
                        <a href="#">内蒙古政府</a>
                    </li>
                    <li>
                        <a href="#">吉林省政府</a>
                    </li>
                    <li>
                        <a href="#">黑龙江省政府</a>
                    </li>
                    <li>
                        <a href="#">湖北省政府</a>
                    </li>
                    <li>
                        <a href="#">广东省政府</a>
                    </li>
                    <li>
                        <a href="#">南京市政府</a>
                    </li>
                    <li>
                        <a href="#">昆明市政府</a>
                    </li>
                    <li>
                        <a href="#">深圳信息网</a>
                    </li>
                    <li>
                        <a href="#">信用湖北</a>
                    </li>
                    <li>
                        <a href="#">信用中国</a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="qiaokou-bot-bottom">
            <div class="bot-bottom-left">
                <p>主办单位：中共硚口区委、硚口区人民政府  政府各机构联系电话</p>
                <p>制作单位：硚口区互联网与城市数字化网络中心 技术支持联系电话：83426336    网站标识码：4201040014</p>
                <p>公安备案编号：42010402000113     备案编号：鄂ICP备09018585号-1 版权所有　严禁转载</p>
                <p></p>
            </div>
            <div class="bot-bottom-right">
                <img class="img01" src="images/qk2018_party.png"/>
                <img class="img01" src="images/qk2018_mistake.png"/>
                <img src="images/qk2018_police.png"/>
            </div>
        </div>
    </div>

</div>
<script type="text/javascript" src="js/com_31.js"></script>
<script src="js/highcharts.js"></script>
<script src="js/series-label.js"></script>
<script src="js/exporting.js"></script>
<script src="js/export-data.js"></script>

<script>
    $('.container-one-li').click(function () {
        $('.container-one').show()
        $('.container-two').hide()
        $('.container-one-li').addClass('active')
        $('.container-two-li').removeClass('active')
    })
    $('.container-two-li').click(function () {
        $('.container-one').hide()
        $('.container-two').show()
        $('.container-two-li').addClass('active')
        $('.container-one-li').removeClass('active')
    })
</script>
<script>
    var chart1 = $("#container1").highcharts({

    });

    var chart2 = $("#container2").highcharts({

    });
</script>

<script type="text/javascript">

    Highcharts.chart('container1', {
        chart: {
            backgroundColor: 'none',
        },
        credits:{
            enabled:false // 禁用版权信息
        },
        exporting:{
            enabled:false //用来设置是否显示‘打印’,'导出'等功能按钮，不设置时默认为显示
        },

        title: {
            text: ''
        },

        subtitle: {
            text: ''
        },

        yAxis: {

            lineColor:'#373737',
            gridLineColor:'#e9e9e9',
            lineWidth:'1',
            gridLineWidth:'1',
            tickPositions: [0, 1, 2, 3,4,5],
            title: {
                text: '单位:%'
            },
        },
        xAxis: {
            lineColor:'#373737',
            categories: [
                '1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'
            ],
            labels: {

            }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle'
        },

        plotOptions: {
            series: {
                label: {
                    connectorAllowed: false
                },
                // pointStart: 2012
            }
        },

        series: [{
            name: ' ',
            data: [5,4,3,2,1,1,1,5,5,5,4,4]
        }],

        responsive: {
            rules: [{
                condition: {
                    maxWidth: 500
                },
                chartOptions: {
                    legend: {
                        layout: 'horizontal',
                        align: 'center',
                        verticalAlign: 'bottom'
                    }
                }
            }]
        }

    });
</script>
<script type="text/javascript">

    Highcharts.chart('container2', {
        chart: {
            backgroundColor: 'none',
        },
        credits:{
            enabled:false // 禁用版权信息
        },
        exporting:{
            enabled:false //用来设置是否显示‘打印’,'导出'等功能按钮，不设置时默认为显示
        },

        title: {
            text: ''
        },

        subtitle: {
            text: ''
        },

        yAxis: {

            lineColor:'#373737',
            gridLineColor:'#e9e9e9',
            lineWidth:'1',
            gridLineWidth:'1',
            tickPositions: [0, 1, 2, 3,4,5],
            title: {
                text: '单位:%'
            },
        },
        xAxis: {
            lineColor:'#373737',
            categories: [
                '1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'
            ],
            labels: {

            }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle'
        },

        plotOptions: {
            series: {
                label: {
                    connectorAllowed: false
                },
                // pointStart: 2012
            }
        },

        series: [{
            name: ' ',
            data: [1,2,3,4,5,4,2,3,5,5,4,4]
        }],

        responsive: {
            rules: [{
                condition: {
                    maxWidth: 500
                },
                chartOptions: {
                    legend: {
                        layout: 'horizontal',
                        align: 'center',
                        verticalAlign: 'bottom'
                    }
                }
            }]
        }

    });
</script>
<script>
    // jQuery(".picScroll-top").slide({titCell:".hd ul",autoPage:true,effect:"top",vis:4,});
    $(function() {
        jQuery(".picScroll-top").slide({ titCell: ".hd li",defaultPlay: false, titOnClassName: "on", prevCell: ".sPrev", nextCell: ".sNext"  });
        jQuery(".hd").slide({ mainCell: "ul", vis: 4, effect: "topLoop", defaultPlay: false, prevCell: ".sPrev", nextCell: ".sNext" })
    });

    $('.highcharts-legend-item').css('display','none')
</script>

<script>

</script>

</body>
</html>
